<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>婚礼优品——${type}</title>
		<link rel="stylesheet" href="<%=path%>/css/grid.css" />
		<link rel="stylesheet" href="<%=path%>/css/style.css" />
		<link rel="stylesheet" href="<%=path%>/css/myspace.css" />
		<link rel="stylesheet" href="<%=path %>/css/tiny-slider.css" />
		<link rel="stylesheet" href="<%=path%>/css/index.css" />
		<script type="text/javascript"
			src="<%=path%>/scripts/jquery-1.7.2.min.js"></script>
		<script type="text/javascript" src="<%=path%>/scripts/myspace.js"></script> 
		<script type="text/javascript" src="<%=path %>/scripts/tiny-slider.js"></script>
		<script type="text/javascript">
	
$(document).ready( 
  	function(){
	  var typeV = $("#type").val();
	 //showImgDiv();
	 // if(typeV=="摄像师"){
	 //  showVideoDiv();}

    }
   );
  //主页user与other 切换
 function  showVideoDiv(){
	 $("#videoTable").attr("style","display:block");
	 $("#imgTable").attr("style","display:none");
 }
  function  showImgDiv(){
 $("#videoTable").attr("style","display:none");
 $("#imgTable").attr("style","display:block");
 }
  </script type="text/javascript">
  	<style>
  		.return-gallery{
  			font-size:15px;
  			font-style:bold;
  		}
  		.return-gallery:hover{
  			color:#000;
  		}
  	</style>
	</head>

	<body>
	  <input id="type" name="type" type="hidden" value="${type}"/>
		<!-- nav start -->
          <%-- <div class="nav">
		
                 <div class="container_12 ">
			<div class="grid_12">
				<%@include file="/WEB-INF/web/common/header.jsp" %>
			</div>
		
		</div>
   
       </div>
 
     --%>
   <a href="<%=path %>/home">
    <%@include file="/WEB-INF/web/common/header.jsp" %>
   </a>
		<!-- nav end -->
		<!-- content start -->
		<div class="content">
			<div class="container_12">
				<div class="grid_3">
					<ul class="menu">
						<li>
							<div class="user-profile">
								<img class="head" src="${user.headPic }"/>
								<%--<ul class="info">
									<li><span class="label">用户名：</span>${user.username }</li>
									<li><span class="label">职业：</span>${user.type }</li>
									<li><span class="label">访问量：</span>${user.visitTimes }</li>
								</ul>
							--%>
							</div>
						</li>
						<li <s:if test="%{profileIndex==1}">class="selected"</s:if>>
							<a hidefocus="ture" title="基本信息" href="<%=path %>/space/me?uid=${user.userId}&profileIndex=1"
								class="lNAText bC">Basic Information<br>基本信息</a>
						</li>
						
						<s:if test="%{type!='婚礼摄影'}">
						<li <s:if test="%{profileIndex==2}">class="selected"</s:if>>
							<a hidefocus="ture" title="视频样片" href="<%=path %>/space/me?uid=${user.userId}&profileIndex=2"
								class="lNAText bC">Video Samples<br>视频样片</a>
						</li>
						</s:if>
							
						<s:if test="%{type=='婚礼摄影'}">
						<li class="selected">
							<a hidefocus="ture" title="相册展示" href="javascript:void(0)"
								class="lNAText bC">Photo Samples<br>相片展示</a>
						</li>
						</s:if>
						
						<li <s:if test="%{profileIndex==3}">class="selected"</s:if>>
							<a hidefocus="ture" title="价格组成" href="<%=path %>/space/me?uid=${user.userId}&profileIndex=3"
								class="lNAText bC">Price Component<br>价格组成</a>
						</li>
						<li <s:if test="%{profileIndex==4}">class="selected"</s:if>>
							<a hidefocus="ture" title="优品评价"
								href="<%=path %>/space/me?uid=${user.userId}&profileIndex=4" class="lNAText bC">Our Evaluation<br>优品评价</a>
						</li>
						<li <s:if test="%{profileIndex==5}">class="selected"</s:if>>
							<a hidefocus="ture" title="服务流程" href="<%=path %>/space/me?uid=${user.userId}&profileIndex=5"
								class="lNAText bC">Service Process<br>服务流程</a>
						</li>
						<li <s:if test="%{profileIndex==6}">class="selected"</s:if>>
							<a s="" hidefocus="ture" title="档期查询"
								href="<%=path %>/space/me?uid=${user.userId}&profileIndex=6" class="lNAText bC">Schedule Query<br>档期查询</a>
						</li>
							<li <s:if test="%{profileIndex==7}">class="selected"</s:if>>
							<a s="" hidefocus="ture" title="联系优品"
								href="<%=path %>/space/me?uid=${user.userId}&profileIndex=7" class="lNAText bC">Contact Us<br>联系优品</a>
						</li>
						
					</ul>

				</div>
			
				<div class="grid_9">
					<div class="right">
		
 <!--  ################ 婚礼相册 开始	################	-->				
                     
                       <!-- 如果是相册的话 显示此模块  开始-->	
						<s:if test="%{type=='婚礼摄影'}">
								<a class="return-gallery" href="<%=path %>/space/me?uid=${user.userId}&profileIndex=2"><< 返回相册</a>
								<%-- 相片 开始 --%>
								<ul id="slideshow">
									<s:iterator value="%{ photoList }" status="index">
									<li>
										<h3><s:property value="name"/></h3>
										<span><s:property value="url"/></span>
										<p><s:property value="id"/></p>
										<a href="#"><img width="125" height="75" src="<s:property value="url"/>" alt="Orange Fish" /></a>
										 
									</li>
									</s:iterator>
								</ul>
								<div id="wrapper">
									<div id="fullsize">
									   
										<div id="imgprev" class="imgnav" title="Previous Image"></div>
										<div id="imglink"></div>
										<div id="imgnext" class="imgnav" title="Next Image"></div>
										<div id="image"></div>
										<div id="information">
											<h3></h3>
											<p id="photoId" style="display:none"></p>  
										</div>
									</div>
									<div id="thumbnails">
										<div id="slideleft" title="Slide Left"></div>
										<div id="slidearea">
											<div id="slider"></div>
										</div>
										<div id="slideright" title="Slide Right"></div>
									</div>
								</div>
					     		<%-- 相片 结束 --%>
					     		<s:if test="%{#session.loginUser != null && #session.loginUser.username=='admin'}">
										
											<div class="container_12 news-manager-container">
												<a name="edit"></a>
												<div class="grid_12">
													内容：
													<input id="photo-title" type="text" maxlength="50" style="width:400px;line-height:20px;" />
												    <input id="photo-id" value="" type="hidden"/>
												</div>
												
												<div class="grid_12">
													封面：
													<input id="photo-pic" type="text"  style="width:400px;line-height:20px;" />
												</div>
											
												
												<div class="clear"></div>
											
												<div class="clear"></div>
												<div class="grid_12">
													<input type="hidden" id="groupId" value="${groupId}"/>
													<input id="addphoto" type="button" value="新建" style="width:65px;height:30px;margin:5px 100px 5px 5px;float:right;"/>
												
												 <input id="deletePhoto" type="button" value="删除" style="width:65px;height:30px;margin:5px 100px 5px 5px;float:right;"/>
												  </div>
												<div class="clear"></div>
											</div>
											
										</s:if>	
							 	
						</s:if>
				<!-- 如果是相册的话 显示此模块  结束-->
						
						
 						<!--  ################ 婚礼相册 结束	################	-->									
						
					</div>
				</div>
				<div class="clear"></div>
				
			</div>
		</div>
		<!-- content end -->

		<!-- footer start 
		<div class="footer">
			<div class="container_12">
				<div class="grid_12 footer-bottom" style="background-color:#fff">
					<div class="bottom-bg">
						<p>COPYRIGHT © 2009 - 2012 WEDDINGEE COMPANY.ALL RIGHTS RESERVED</p>
					</div>
				  	<a hidefocus="ture" title="婚礼优品" href="<%=path %>/"><img
							alt="婚礼优品" src="<%=path %>/images/logo.jpg" class="logo"/> 
					</a>
				</div>
			</div>
		</div>-->
		<!-- footer end -->
		
		<div class="opt-btn-group">
			<a title="上一个" href="<%=path %>/space/findAnother?uid=${user.userId}&direction=1"><img
					alt="上一个" src="<%=path %>/images/pre.jpg" class="logo"/>
			</a>
             	 	<a title="试试缘分" href="<%=path %>/space/findRandom?uid=${user.userId}"><img
					alt="试试缘分" src="<%=path %>/images/random.jpg" class="logo"/>
			</a>
                	<a title="下一个" href="<%=path %>/space/findAnother?uid=${user.userId}&direction=0"><img
					alt="下一个" src="<%=path %>/images/next.jpg" class="logo"/>
			</a>
		</div>
		 <script type="text/javascript">
			
			$ts('slideshow').style.display='none';
			$ts('wrapper').style.display='block';
			var slideshow=new TINY.slideshow("slideshow");
			window.onload=function(){
				slideshow.auto=false;
				slideshow.speed=1;
				slideshow.imgSpeed=1;
				slideshow.link="linkhover";
				slideshow.info="information";
				slideshow.thumbs="slider";
				slideshow.left="slideleft";
				slideshow.right="slideright";
				slideshow.scrollSpeed=10;
				slideshow.spacing=5;
				slideshow.active="#fff";
				slideshow.init("slideshow","image","imgprev","imgnext","imglink");
			};
	
		</script>
		<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F08522dc4f17a9aa963ba74d5a1baa9f0' type='text/javascript'%3E%3C/script%3E"));
</script>
	</body>
</html>
